import Card from "./Card";
import { CategoryItem } from "../../types/video";

export default function CategrayGrid({ categraies }: { categraies: CategoryItem[] }) {
  return (
    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
      {categraies.map((v) => (
        <Card key={v.id} categroy={v} />
      ))}
    </div>
  );
}


